

		<!--微信分享，显示标题、图片-->
	<script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
		<script>
			$(document).ready(function(){
				
			
		
				var serverId="<?php echo $_GET['serverId'];?>";
				var nickname = "<?php echo $_GET['nickname'];?>";
				
				var imgUrl = "<?php echo $_GET['headimgurl'];?>",
                shareTitle = nickname+'刚刚弹了首吉他，你能听出是哪首歌么？',
				lineLink=window.location.href,
                descContent = "刚刚弹奏了一吉他，你能听出是哪首歌么？";
				// alert(lineLink);
				 /*页面缩放*/
                window.winWidth = $(window).width()/320;
                $('.wapper').css("zoom", winWidth).fadeIn(300);	
						wx.config({
							debug: false,
							appId: '{$signPackage["appId"]}',
							timestamp: '{$signPackage["timestamp"]}',
							nonceStr: '{$signPackage["nonceStr"]}',
							signature: '{$signPackage["signature"]}',
							jsApiList: ['onMenuShareTimeline', 'onMenuShareAppMessage','onMenuShareQQ','onMenuShareWeibo',
									'startRecord',
									'stopRecord',
									'onVoiceRecordEnd',
									'playVoice',
									'pauseVoice',
									'stopVoice',
									'onVoicePlayEnd',
									'uploadVoice',
									'downloadVoice'
							]  // 功能列表，我们要使用JS-SDK的什么功能
						});
						
						wx.checkJsApi({
							jsApiList: [
								'startRecord',
								'stopRecord',
								'onVoiceRecordEnd',
								'playVoice',
								'pauseVoice',
								'stopVoice',
								'onVoicePlayEnd',
							], // 需要检测的JS接口列表，所有JS接口列表见附录2,
							success: function(res) {
								 //alert(res);
								// 以键值对的形式返回，可用的api值true，不可用为false
								// 如：{"checkResult":{"chooseImage":true},"errMsg":"checkJsApi:ok"}
							}
						});

					wx.ready(function(){
						wx.onMenuShareTimeline({
							title: shareTitle, // 分享标题
							link:lineLink,
							imgUrl: imgUrl, // 分享图标
							success: function () {
								// 用户确认分享后执行的回调函数
							},
							cancel: function () {
								// 用户取消分享后执行的回调函数
							}
						});
						
						// 获取“分享给朋友”按钮点击状态及自定义分享内容接口
						wx.onMenuShareAppMessage({
							title: shareTitle, // 分享标题
							desc: descContent, // 分享描述
							link:lineLink,
							imgUrl: imgUrl, // 分享图标
							type: 'link', // 分享类型,music、video或link，不填默认为link
							success: function () {
								// alert(lineLink);
								// 用户确认分享后执行的回调函数
							},
							cancel: function () {
								// 用户取消分享后执行的回调函数
							}
						});
						
						// 获取“分享到QQ”按钮点击状态及自定义分享内容接口
						wx.onMenuShareQQ({
							title: shareTitle, // 分享标题
							desc: descContent, // 分享描述
							link: lineLink, // 分享链接
							imgUrl: imgUrl, // 分享图标
							success: function () {
								// 用户确认分享后执行的回调函数
							},
							cancel: function () {
								// 用户取消分享后执行的回调函数
							}
						});
						// 获取“分享到腾讯微博”按钮点击状态及自定义分享内容接口
						wx.onMenuShareWeibo({
							title: shareTitle, // 分享标题
							desc: descContent, // 分享描述
							link: lineLink, // 分享链接
							imgUrl: imgUrl, // 分享图标
							success: function () {
								// 用户确认分享后执行的回调函数
							},
							cancel: function () {
								// 用户取消分享后执行的回调函数
							}
						});
		

						//监听语音播放完毕接口
						wx.onVoicePlayEnd({
							success: function (res) {
								localId = res.localId; // 返回音频的本地ID
								// alert(localId);
								clearInterval(window.backRoate);
								$(".pan").css("-webkit-transform","rotate(0deg)");
								$(".pan").css("-ms-transform","rotate(0deg)");
								$(".pan").css("-moz-transform","rotate(0deg)");
								$(".pan").css("-o-transform","rotate(0deg)");
								$(".pan").css("transform","rotate(0deg)");
								$(".play").attr("src","__PUBLIC__/images/play.png");
							}
						});

						/*播放和停止播放*/
						// var tag=0;
						$(".play").click(function(){
							var deg=0;
							if($(this).attr("src")=="__PUBLIC__/images/play.png"){
								wx.downloadVoice({
									serverId: serverId, // 需要下载的音频的服务器端ID，由uploadVoice接口获得
									isShowProgressTips: 1, // 默认为1，显示进度提示
									success: function (res) {
										var localId = res.localId; // 返回音频的本地ID
										// alert(localId);
										//播放
										wx.playVoice({
												localId: localId// 需要播放的音频的本地ID，由stopRecord接口获得
										});
										
										clearInterval(window.backRoate);
										
										window.backRoate = setInterval(function(){
											deg++;
											if(deg==360){
												deg=0;
											}
											$(".play").attr("src","__PUBLIC__/images/stop.png");
											$(".pan").css("-webkit-transform","rotate("+deg+"deg)");
											$(".pan").css("-ms-transform","rotate("+deg+"deg)");
											$(".pan").css("-moz-transform","rotate("+deg+"deg)");
											$(".pan").css("-o-transform","rotate("+deg+"deg)");
											$(".pan").css("transform","rotate("+deg+"deg)");
										},20);
										return;
									},
									fail:function(){
										alert("下载音频失败了");
									}
								});
								
								
							}else{
								wx.stopVoice({
									localId: localId, // 需要停止的音频的本地ID，由stopRecord接口获得
								});
								clearInterval(window.backRoate);
								$(this).attr("src","__PUBLIC__/images/play.png");
								$(".pan").css("-ms-transform","rotate(0deg)");
								$(".pan").css("-moz-transform","rotate(0deg)");
								$(".pan").css("-o-transform","rotate(0deg)");
								$(".pan").css("transform","rotate(0deg)");
								return;
								
							}
						});
					});
					
						
					wx.error(function(res){
						// config信息验证失败会执行error函数，如签名过期导致验证失败，具体错误信息可以打开config的debug模式查看，也可以在返回的res参数中查看，对于SPA可以在这里更新签名。
						console.log(res);
						alert(res);
					});
			
		
		});	
		</script>
		
	</head>
	<body>
		<div class="wapper">
			<div class="avatar">
				<img src="{$headimgurl}"  class="avatar_img">
				<span class="uname">{$nickname}</span>
				
			</div>
			<div class="main">
				
				<div class="CD">
					<img class="pan" src="__PUBLIC__/images/guitar.jpg"/>
						<img class="play" src="__PUBLIC__/images/play.png"/>
			
				</div>
		
		
			</div>
			
		</div>
	</body>
